<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
	<title>People In Circle</title>
<script language = "javascript" type = "text/javascript">
// <!CDATA[

function Button1_onclick() {
if(document.myForm.username.value == "")
    alert("UserName Can Not Be Null!")
javascript:myForm.submit()
}

function Button2_onclick() {
    window.open("UserRegistration.htm","_self");

}

function Button3_onclick() {
	if(document.myForm.managername.value =="")
		alert("ManagerName Can Not Be Null!")
}

function Button4_onclick() {
    window.open("ManagerRegistration.htm","_self");

}
// ]]>
</script>
</head>

<body style = "font-size: 16pt;  margin: 0px;" bgcolor = "#CCFF99">
<div style ="background-color:#CCFFCC; height: 55px">
	<span style="font-family: Arial"><strong>&nbsp;<span style= "font-family: Roman; font-size: 40pt; text-align:center;">Peacle</span>&nbsp;
	<span style="font-family: Roman; font-size: 20pt; text-align: center">- Sweet People In Circle</span><br />
        <br />
</div>        
        
        <img style="position:relative; left: 150px" src="people_circle.jpg" >
        
        <form name="myForm" action=".jsp" method="post">
      	<div style = "position: absolute; left: 781px; top: 81px; width: 230px;">
      	&nbsp;<span style = "font-size:15pt; text-align:center;">USER LOGIN</span>
      	<hr />
      	<br />
        &nbsp;<span style="font-size: 10pt; text-align:right">User ID :</span>
        <input id="Text1" name="username" type="text" /><br /><br />
        &nbsp;<span style="font-size: 10pt; text-align:right">Password:</span>
        <input id="Password1" name="userpasswd" type="password" /><br /><br />
        &nbsp;
        <input id="Button1" style="width: 70px" type="button" value="Log In" onclick="return Button1_onclick()" />
        &nbsp;
        <input id="Button2" style="width: 70px" type="button" value="Sign In" onclick="return Button2_onclick()" /><br />
        <br />
        <hr />
        <br />
        &nbsp;<span style = "font-size:15pt; text-align:center;">MANAGER LOGIN</span>
      	<hr />
      	<br />
        &nbsp;<span style="font-size: 10pt; text-align:right">Manager ID :</span>
        <input id="Text1" name="managername" type="text" /><br /><br />
        &nbsp;<span style="font-size: 10pt; text-align:right">Password:</span>
        <input id="Password1" name="managerpasswd" type="password" /><br /><br />
        &nbsp;
        <input id="Button3" style="width: 70px" type="button" value="Log In" onclick="return Button3_onclick()" />
        &nbsp;
        <input id="Button4" style="width: 70px" type="button" value="Sign In" onclick="return Button4_onclick()" /><br />
        <br />
        <hr />
       	</div>
        </form>
         
        <br />
        <br />
        <br />

        <div style="background-color: #CCFFFF">
        <br />
        <div style = "position: relative; left: 300px;">
        <span style="font-size: 9pt">
           
            CSE305 Team Project- Peacle (Jinwoong Hwang, TaeJun Lee, Dongjoo Ko), 11/23/2011, 1st Version<br />
            Department of Computer Science, State University of New York at Stony Brook</span></strong></span><span
                style="font-size: 9pt"> </span>
        </div>
        <br /> 
        </div>
              

</body>
</html>